<?php
return <<<HTML
<div class="container mx-auto px-4 py-12">
    <div class="max-w-4xl mx-auto">
        <div class="text-center mb-12">
            <h1 class="text-4xl md:text-5xl font-bold mb-6 gradient-text">Contact LyricsPinyin.net</h1>
            <p class="text-xl text-gray-600 leading-relaxed">We're here to help you with your pinyin lyrics journey</p>
        </div>
        
        <div class="prose max-w-none">
            <div class="bg-gradient-to-br from-cyan-50 to-blue-50 rounded-2xl p-8 mb-10">
                <p class="text-lg text-gray-700 leading-relaxed mb-6">
                    Thank you for your interest in LyricsPinyin.net! Whether you have questions about our pinyin annotations, need technical support, or want to share feedback about our platform, we're always excited to hear from our community of music lovers and language learners.
                </p>
                <p class="text-gray-700 leading-relaxed">
                    Our dedicated support team is committed to providing you with the best possible experience on our platform. Don't hesitate to reach out - we're here to help!
                </p>
            </div>
            
            <div class="grid md:grid-cols-2 gap-8 mb-10">
                <div class="bg-white rounded-xl shadow-lg p-6 border border-gray-100">
                    <h2 class="text-2xl font-bold mb-6 text-gray-800 flex items-center">
                        <i class="fas fa-envelope text-cyan-600 mr-3"></i>
                        Email Support
                    </h2>
                    
                    <div class="space-y-4">
                        <div class="flex items-center p-4 bg-gray-50 rounded-lg">
                            <i class="fas fa-paper-plane text-cyan-600 mr-3"></i>
                            <div>
                                <h3 class="font-semibold text-gray-800">General Inquiries</h3>
                                <p class="text-gray-600">
                                    <a href="mailto:support@lyricspinyin.net" class="text-cyan-600 hover:text-cyan-700 font-medium">support@lyricspinyin.net</a>
                                </p>
                            </div>
                        </div>
                        
                        <div class="flex items-center p-4 bg-gray-50 rounded-lg">
                            <i class="fas fa-bug text-cyan-600 mr-3"></i>
                            <div>
                                <h3 class="font-semibold text-gray-800">Technical Issues</h3>
                                <p class="text-gray-600">
                                    <a href="mailto:tech@lyricspinyin.net" class="text-cyan-600 hover:text-cyan-700 font-medium">tech@lyricspinyin.net</a>
                                </p>
                            </div>
                        </div>
                        
                        <div class="flex items-center p-4 bg-gray-50 rounded-lg">
                            <i class="fas fa-music text-cyan-600 mr-3"></i>
                            <div>
                                <h3 class="font-semibold text-gray-800">Content Suggestions</h3>
                                <p class="text-gray-600">
                                    <a href="mailto:content@lyricspinyin.net" class="text-cyan-600 hover:text-cyan-700 font-medium">content@lyricspinyin.net</a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="bg-white rounded-xl shadow-lg p-6 border border-gray-100">
                    <h2 class="text-2xl font-bold mb-6 text-gray-800 flex items-center">
                        <i class="fas fa-clock text-cyan-600 mr-3"></i>
                        Response Time
                    </h2>
                    
                    <div class="space-y-4">
                        <div class="flex items-center p-4 bg-gradient-to-r from-green-50 to-emerald-50 rounded-lg border border-green-200">
                            <i class="fas fa-bolt text-green-600 mr-3"></i>
                            <div>
                                <h3 class="font-semibold text-gray-800">Urgent Issues</h3>
                                <p class="text-gray-600">Within 4-6 hours</p>
                            </div>
                        </div>
                        
                        <div class="flex items-center p-4 bg-gradient-to-r from-blue-50 to-cyan-50 rounded-lg border border-blue-200">
                            <i class="fas fa-comment text-blue-600 mr-3"></i>
                            <div>
                                <h3 class="font-semibold text-gray-800">General Questions</h3>
                                <p class="text-gray-600">Within 24 hours</p>
                            </div>
                        </div>
                        
                        <div class="flex items-center p-4 bg-gradient-to-r from-purple-50 to-pink-50 rounded-lg border border-purple-200">
                            <i class="fas fa-lightbulb text-purple-600 mr-3"></i>
                            <div>
                                <h3 class="font-semibold text-gray-800">Feature Requests</h3>
                                <p class="text-gray-600">Within 2-3 business days</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="bg-white rounded-2xl shadow-lg p-8 mb-10 border border-gray-100">
                <h2 class="text-2xl font-bold mb-6 text-gray-800 flex items-center">
                    <i class="fas fa-question-circle text-cyan-600 mr-3"></i>
                    Frequently Asked Questions
                </h2>
                
                <div class="space-y-6">
                    <div class="border-l-4 border-cyan-500 pl-6">
                        <h3 class="font-bold text-gray-800 mb-2">Can I request specific songs to be added with pinyin annotations?</h3>
                        <p class="text-gray-700 leading-relaxed">
                            Absolutely! We welcome song requests from our community. Please email us at <a href="mailto:content@lyricspinyin.net" class="text-cyan-600 hover:text-cyan-700 font-medium">content@lyricspinyin.net</a> with the song title and artist name. Our linguistic team will review and prioritize popular requests for pinyin annotation.
                        </p>
                    </div>
                    
                    <div class="border-l-4 border-cyan-500 pl-6">
                        <h3 class="font-bold text-gray-800 mb-2">I found an error in the pinyin annotations. How can I report it?</h3>
                        <p class="text-gray-700 leading-relaxed">
                            We greatly appreciate your help in maintaining accuracy! Please send us the song details and the specific error via <a href="mailto:support@lyricspinyin.net" class="text-cyan-600 hover:text-cyan-700 font-medium">support@lyricspinyin.net</a>. Include the correct pinyin if possible, and our team will review and update the annotation promptly.
                        </p>
                    </div>
                    
                    <div class="border-l-4 border-cyan-500 pl-6">
                        <h3 class="font-bold text-gray-800 mb-2">Do you offer educational partnerships or bulk access for schools?</h3>
                        <p class="text-gray-700 leading-relaxed">
                            Yes! We offer special programs for educational institutions, language schools, and teachers. Contact us at <a href="mailto:education@lyricspinyin.net" class="text-cyan-600 hover:text-cyan-700 font-medium">education@lyricspinyin.net</a> to discuss custom solutions and educational discounts for your institution.
                        </p>
                    </div>
                    
                    <div class="border-l-4 border-cyan-500 pl-6">
                        <h3 class="font-bold text-gray-800 mb-2">Is there an API available for developers?</h3>
                        <p class="text-gray-700 leading-relaxed">
                            We're currently developing API services for developers and educational platforms. If you're interested in integrating our pinyin lyrics data into your application, please reach out to <a href="mailto:api@lyricspinyin.net" class="text-cyan-600 hover:text-cyan-700 font-medium">api@lyricspinyin.net</a> to discuss partnership opportunities.
                        </p>
                    </div>
                </div>
            </div>

            <div class="bg-gradient-to-r from-cyan-500 to-blue-600 rounded-2xl p-8 text-center">
                <h2 class="text-2xl font-bold mb-4">Ready to Get in Touch?</h2>
                <p class="text-cyan-100 mb-6 leading-relaxed">
                    We're committed to responding to all inquiries promptly and providing the support you need. Your feedback helps us improve and grow our platform for the entire community.
                </p>
                <a href="mailto:support@lyricspinyin.net" class="inline-flex items-center bg-white text-cyan-600 hover:text-cyan-700 px-8 py-3 rounded-lg transition duration-300 font-semibold shadow-lg hover:shadow-xl">
                    <i class="fas fa-paper-plane mr-2"></i>
                    Send Us a Message
                </a>
                
                <p class="mt-8 text-cyan-100 text-sm">
                    We typically respond within 24 hours during business days. Thank you for your patience and for being part of the LyricsPinyin.net community!
                </p>
            </div>
        </div>
    </div>
</div>
HTML; 